<template>
  <div class="container">
    <Category title="游戏">
      <template slot-scope="wahaha">
        <ul>
          <li v-for="(item,index) in wahaha.games" :key="index">{{item}}</li>
        </ul>
      </template>
    </Category>

    <Category title="游戏">
      <template slot-scope="wahaha">
        <ol>
          <li style="color: #bd362f" v-for="(item,index) in wahaha.games" :key="index">{{item}}</li>
        </ol>
      </template>
    </Category>

    <Category title="游戏">
      <template slot-scope="wahaha">
        <h4 v-for="(item,index) in wahaha.games" :key="index">{{item}}</h4>
      </template>
    </Category>

  </div>
</template>

<script>
  import Category from '@/components/Count'
  // 创建App组件

  export default {
    name:'App',
    components: {Category}
  }
</script>

<style scoped>
  .container, .foot {
    display: flex;
    justify-content: space-around;
  }
</style>